<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
 	<!-- Contenido -->
 	 <h:body>
 	 <h3>Ingrese sus Datos</h3> 
 	 <h:form id="registro-form"> 
 	 	<h:outputText value="Nombre de Usuario:"/> 
 	 		<h:inputText value="#{agregarUsuarioMB.usernameUsuario}" id="usernameUsuario"/><br/><br/> 
 	 	<h:outputText value="Contraseña:"/> 
 	 		<h:inputSecret value="#{agregarUsuarioMB.passwordUsuario}" id="passwordUsuario"/><br/><br/> 
 	 	<h:outputText value="Nombre:"/> 
 	 		<h:inputText value="#{agregarUsuarioMB.nombreUsuario}" id="nombreUsuario"/><br/><br/>
 	 	<h:outputText value="Apellido:"/> 
 	 		<h:inputText value="#{agregarUsuarioMB.apellidoUsuario}" id="apellidoUsuario"/><br/><br/> 
 	 		<h:commandButton id="button" value="Registrarse" action="#{agregarUsuarioMB.registrarUsuario}"/> <br/> 
     </h:form> 
     <script>
			$( document ).ready(function(){
				$(":input").attr('required', 'true');
				$(":input").attr('maxlength', '25');
			})
		</script>
 	 </h:body>
 	<!-- Fin Contenido -->
</ui:composition>